<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>CSS Test: Margin-top and margin-bottom on inline elements</title>
        <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
        <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
        <meta name="flags" content="" />
        <meta name="assert" content="Applying margin-top and margin-bottom to an inline element has no effect." />
        <style type="text/css">* { margin: 0; padding: 0 }
            div
            {
                border: blue solid;
            }
            span
            {
                background: orange;
                margin-top: 20px;
                margin-bottom: 20px;
            }
        </style>
    </head>
    <body>
        <p>Test passes if the top and bottom of the orange box is touching the inner edges of the blue box, and there is no margin (space) above or below the orange box.</p>
        <div>
            <span>Filler Text</span>
        </div>
    </body>
</html>